<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css styles/vendor.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css({.tmp,app}) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<script type="text/javascript">
	window.user = ${sessionScope.userJson};
</script>
<script type="text/javascript" src="//use.typekit.net/vpf8ktb.js"></script>
<script type="text/javascript">
	try {
		Typekit.load();
	} catch (e) {
	}
</script>
<link href='http://fonts.googleapis.com/css?family=Montserrat'
	rel='stylesheet' type='text/css'>
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600'
	rel='stylesheet' type='text/css'>
<!-- endbuild -->
<script>
	document.write('<base href="' + document.location + '" />');
</script>
</head>
<body ng-app="webDevApp">

	<!-- Add your site or application content here -->
	<div id="container" ng-controller="MainCtrl">
		<header>
			<h2>Home</h2>
		</header>
		<a ui-sref="home">Home</a> <a ui-sref="login" ng-show="!user">Login</a>
		<a ui-sref="cart" ng-show="user">Cart</a> <a ui-sref="orders"
			ng-show="user">Previous orders</a> <a ng-click="logout"
			ng-show="user">Logout</a>
		<div class="cart-info" ng-show="user">
			<p>Number of items in cart: {{cart.length}}</p>
			<p>Total: $ {{price}}</p>
		</div>
		<ui-view></ui-view>
		<footer>
			<p>
				<a ui-sref="admin" ng-show="!user">Admin</a>
			</p>
		</footer>

	</div>

	<script src="bower_components/angular/angular.js"></script>
	<script
		src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
	<!-- endbower -->
	<!-- endbuild -->

	<!-- build:js({.tmp,app}) scripts/scripts.js -->
	<script src="scripts/app.js"></script>
	<script src="scripts/controllers/main.js"></script>
	<!-- endbuild -->
</body>
</html>
